.flex-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
}

.flex-col {
  display: flex !important;
  flex-direction: column !important;
}

.row-all-center {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
}

.col-all-center {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
}

.row-center {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
}

.row-around {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-around !important;
}

.col-around {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-around !important;
}

.row-end {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-end !important;
}

.row-y-center {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
}

.row-vertical-center {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
}

.col-center {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.col-end {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
}

.col-horizontal-center {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.row-between {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
}

.col-between {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

.row-between-center {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
}
